<html dir="auto">
<head>
<meta charset="UTF-8"/>
<style>
/* UNCOMMENT BELOW TO VIEW IN BROWSER FOR COMPARISON */
/*
@font-face {
  src: url(../fonts/Karla-Bold.ttf);
  font-family: 'TestFont';
}
@font-face {
  src: url(../fonts/NotoNaskhArabic-Regular.ttf);
  font-family: 'arabic';
}
*/

@page {
  size: 300px 150px;
  margin: 20px;
}
html * {
  font-family: 'TestFont', 'arabic', sans-serif;
}
body {
  max-width: 260px;
}
</style>
</head>
<body>
<p style="font-size: 20px;">
الرقم
<span style="direction: ltr; unicode-bidi: embed;">
+49 123 456 789
</span>
أو
</p>
</body>
</html>
